<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<!--购物车样式表-->
		<link rel="stylesheet" type="text/css" href="css/cart.css" rel="external nofollow" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/gwc.css" />
	
		<!--操作cookie的js文件-->
		<script type="text/javascript" src="js/cookie.js"></script>
	</head>
	<body>
		<div id="header-html"></div>
		<div class="container">
			<h1>购物车</h1>
			<h3><a href="cart.html" rel="external nofollow">返回商品列表页面</a></h3>
			<table id="table" border="1" cellspacing="0" cellpadding="0" class="hide">
				<thead>
					<tr>
						<th>
							<input type="checkbox" id="allCheck" class="ck" />全选
						</th>
						<th>
							图片
						</th>
						<th>
							描述
						</th>
						<th class="w_small">
							数量
						</th>
						<th>
							单价
						</th>
						<th>
							小计
						</th>
						<th>
							操作
						</th>
					</tr>
				</thead>
				<tbody id="tbody">
				</tbody>
			</table>
			<div class="box" id="box" style="display: none;">购物车里没有任何商品</div>
			<div class="mycart-tb">
				<h2 id="h2" class="prefs-form">总价:<span id="totalPrice">0</span><span>元</span></h2>
				<div class="account">
					<a href="">去结算</a>
				</div>
				<p>不含运费和其他优惠</p>
			</div>
			
		</div>
		<div class="wrap" >
			<div class="mainwrap">
				<div class="mycart" id="blk_cart_list">
					<div class="cart-empty" style="display: none;">
						<p class="empty-tip">购物车空空如也，赶紧选购我们的商品吧!
							<a href="">【去逛逛】</a>
						</p>
					</div>
				</div>
				<div class="myrecomm">
					<h2 class="myrecomm-tit">为你推荐</h2>
					<ul id="blk_cart_recommend" class="myrecomm-list">
						<li>
							<div class="myrecomm-pic">
								<a href="">
									<img width="246px" height="236px" src="img/details/29.jpg">
								</a>
							</div>
							<div class="myrecomm-box">
								<p>M4A1-雷神 英雄级手办模型</p>
								<b>298.00 元</b>
							</div>
						</li>
						<li>
							<div class="myrecomm-pic">
								<a href="">
									<img width="246px" height="236px" src="img/details/30.jpg">
								</a>
							</div>
							<div class="myrecomm-box">
								<p>CF年轻不服输U盘三合一</p>
								<b>33.80 元</b>
							</div>
						</li>
						<li>
							<div class="myrecomm-pic">
								<a href="">
									<img width="246px" height="236px" src="img/details/31.jpg">
								</a>
							</div>
							<div class="myrecomm-box">
								<p>CF超级卡哇伊可爱帅气酷炫卡通杯垫</p>
								<b>25.00 元</b>
							</div>
						</li>
						<li>
							<div class="myrecomm-pic">
								<a href="">
									<img width="246px" height="236px" src="img/details/32.jpg">
								</a>
							</div>
							<div class="myrecomm-box">
								<p>CF擎天武器手办模型</p>
								<b>238.00 元</b>
							</div>
						</li>
						<li>
							<div class="myrecomm-pic">
								<a href="">
									<img width="246px" height="236px" src="img/details/33.jpg">
								</a>
							</div>
							<div class="myrecomm-box">
								<p>汤姆逊-烈龙 英雄级手办模型 典藏</p>
								<b>498.00 元</b>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div id="footer-html"></div>
	</body>
</html>
<script src="js/cart.js" type="text/javascript" charset="utf-8"></script>
<script src="js/server.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jQuery.js" type="text/javascript"></script>
<script src="js/header.js" type="text/javascript"></script>
<script type="text/javascript">
	$("#header-html").load("header.html");
	$("#footer-html").load("footer.html");
</script>
<script>
	cart()
</script>
